import React from "react";
import style from "./style.module.scss";
import nextIcon from "../../assets/images/icon/common resource/hdpi/my_icon_next_n.png";

interface PropsType {
  consultationIndex: number;
  consultationText: string;
  consultationIcon: string;
  onNavigate: (index: number) => void;
}

export const ConsultationCell: React.FC<PropsType> = ({
  consultationIndex,
  consultationIcon,
  consultationText,
  onNavigate,
}) => {
  return (
    <div
      className={style.consultation_cell}
      onClick={() => onNavigate(consultationIndex)}
    >
      <div className={style.consultation}>
        <img src={consultationIcon} alt="" className={style.consultationIcon} />
        <span className={style.consultationText}>{consultationText}</span>
      </div>
      <div className="next">
        <img src={nextIcon} alt="" className={style.nextIcon} />
      </div>
    </div>
  );
};

export default ConsultationCell;
